import React, { Component } from 'react';
import '../styles/Serach.scss'
import {LeftOutline,SearchOutline} from 'antd-mobile-icons'

class serach extends Component {
    constructor(){
        super()
        this.state={

        }
    }
    back(){
        this.props.history.goBack()
    }
    render() {
        return (
            <div className='serach'>
                <div className="header">
                    <span onClick={()=>{this.back()}}><LeftOutline /></span>
                    <input type="text"  placeholder='输入书名或作者的名字搜索'/>
                    <span><SearchOutline /></span>
                </div>
                <div className="middle">
                    <div className="title">
                        <span>热门搜索</span>
                        <span>换一换</span>
                    </div>
                    <p>当下的力量</p>
                    <p>高效能人士的习惯</p>
                    <p>影响力</p>
                    <p>塔勒布</p>
                </div>
                <div className="middle">
                    <div className="title">
                        <span>历史记录</span>
                        <span>清空记录</span>
                    </div>
                    <p>当下的力量</p>
                    <p>高效能人士的习惯</p>
                    <p>影响力</p>
                    <p>塔勒布</p>
                </div>
            </div>
        );
    }
}

export default serach;